<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <!-- import CSS -->
  <link href="https://cdn.bootcdn.net/ajax/libs/element-ui/2.15.7/theme-chalk/index.min.css" rel="stylesheet">
  <style>
    .table-row-first:hover>td {
      background-color: #7392a6 !important;
      color: #fff;
    }
  </style>
</head>

<body>
  <div id="app">
    <div style="padding: 10px;" v-for="(item, i) in list">
      <h3 v-cloak :key="i">{{item.name}}</h3>
      <div v-for="(t, i) in item.data" :key="i" class="table-item">
        <p style="margin: 10px 0 4px 0;" v-if="t.bizWeek" v-cloak>{{t.bizWeek}}</p>
        <el-table show-summary :data="t.rows" border fit
          :header-cell-style="{backgroundColor: '#e1e1e1', color: '#000'}" style="width: 100%;">
          <el-table-column prop="userCode" label="用户昵称"></el-table-column>
          <el-table-column prop="loginId" label="昵称"></el-table-column>
        </el-table>
      </div>
    </div>
  </div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.9/vue.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/element-ui/2.15.7/index.min.js"></script>
<script>
  new Vue({
    el: '#app',
    data: function () {
      return {
        visible: false,
        list: [
          {
            name: 'test',
            data: [
              {
                rows: [
                  { userCode: 1234, loginId: 3333 }
                ]
              }
            ]
          }
        ],
        name: ''
      }
    },
    mounted() {
      console.log(this.list)
    },
    methods: {
    }
  })
</script>

</html>